<template>
	<view class="search">
		<usearch v-model="keyword" @custom="usearchAction" @search="usearchAction" shape="round" :clearabled="true"
		:show-action="true" input-align="left" @clear="clear"></usearch>
	</view>
</template>

<script>
	import usearch from '@/components/uview/u-search.vue' ; 
	export default {
		components: {
			usearch
		},
		props: {
			keyword: {
				default:''
			}
		},
		computed: {
			
		}, 
		data() {
			return {
				
			};
		},
		
		methods: {
			usearchAction(keyword){
				if(!keyword) return ;
				this.$go.burl('book/search?keyword='+keyword);
			},
		}
	};
</script>

<style>
	page{
		background-color: #fff;
	}
	.search{
		width:60%;
	}
</style>
